<template>
  <my-div class="mail">
    <div class="status-bar"></div>
    <!-- <head></head> -->
    <div class="content">
      <div class="content-title wrapper">
        <text style="color:rgba(60,71,98,1);font-size:48px;">欢迎使用AXSwap</text>
      </div>
      <div class="content-fis">
       <div class="wrapper">
          <text style="color:rgba(70,120,245,1);font-size:36px;">邮箱验证{{status}}</text>
       </div>
      </div>
    </div>
  </my-div>
</template>

<script>
export default {
  name: '',
  data() {
    return {
      status:''
    }
  },
 
  created() {
    this.get_valid_success()
  },
  methods: {
    get_valid_success(){
      const key = this.$route.query.a
       this.$progress.show()
      this.$ajax.get('/api/index/validEmail',{params:{key:key}}).then((res)=>{
        this.$progress.dismiss()
       if(res.data.code === 0){
         this.status = '完成'
       }else{
          this.status = '失败'
       }
      })
    }
  }
}
</script>
<style scoped>
.wrapper{
  display: flex;
  flex-direction: row;
}
.status-bar{
  width: 750px;
  height: 50px;
}
.content{
  width: 690px;
  margin-left: 30px;
}
.content-fis{
  margin-top: 80px;
}
</style>